<template>
    <div class="other-gwc plr15  " >
        <div>
            <div class="ptb10"><van-button size="small" round plain type="default">管理</van-button></div>
        </div>
        <div class="group-list">
            <div v-for="(item, j) in list" :key="item.id" class="group plr20 ptb20">
                <div class="ptb10">
                    <van-checkbox checked-color="#12a586" :value="item.checked" v-on:change="onGroupChange">山水谈庄1</van-checkbox>
                </div>
                <div class="list">
                    <div v-for="(citem, i) in item.list" :key="citem.id" class="item ptb10 kitbox">
                        <div>
                            <van-checkbox checked-color="#12a586" :value="item.checked" v-on:change="onGroupChange"></van-checkbox>
                        </div>
                        <div class="pl8">
                            <img class="avatar" src="/static/images/wd-bg.png" alt="">
                        </div>
                        <div class="pl17 flex1 fs-14 right">
                            <div class="">山水谈套餐2</div>
                            <div class="c-999 fs-13 pt5">规格01</div>
                            <div class="kitbox-mid">
                                <div class="c-5b5b5b flex1">￥55.00</div>
                                <div><van-stepper :value="step" bind:change="onStepChange" /></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="bot-banner">
            <div class="bot-banner-inner kitbox-mid">
                <div class="pl20"><van-checkbox checked-color="#12a586" :value="allChecked" v-on:change="onAllChange"><span class="fs-14">全选</span></van-checkbox></div>
                <div class="flex1 fs-12 pl10 c-ff2634">
                    <span class="">合计： </span>
                    <span class="">￥189.00</span>
                </div>
                <div class="plr16" >
                    <div class="btn">去结算(99)</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            list: [{
                id: 1,
                checked: false,
                list: [{
                    id: 3,
                },
                {
                    id: 4
                }]
            }],
            allChecked: true,
            checked: false,
            step: 1,
            activeNames: []
        }
    },
    onShow(){
        
    },
    mounted() {
        
    },
    methods: {
        onGroupChange(e){
            
        },
        onStepChange(e){

        },
        onAllChange(e){

        }
    }
};
</script>
<style lang="scss" >
@import './css/gwc.scss';
</style>
